@charset "UTF-8";
/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
  margin: 0;
  padding: 0;
}
*{box-sizing: border-box;}
html, body {
  min-height: 100%;
}

html,body {
  -webkit-font-smoothing: antialiased ;
  font-family: "微软雅黑";
  /*font-size:62.5%;*/
  color:#333;
  background-color: #fafafa;
  position: relative;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
  list-style: none;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #232323;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

input, textarea {
  -webkit-appearance: none;
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}
/* 清除浮动  ie */
.clearfix {
  zoom: 1;
}
/* 清除浮动  */
.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow:hidden;
}
/*float: left*/
.fl {
  float: left
}
/*     float: right  */
.fr {
  float: right
}
/*    text-align: left; */
.tl {
  text-align: left;
}
/*     text-align: center */
.tc {
  text-align: center
}
/*     text-align: right;  */
.tr {
  text-align: right;
}
/* 解决文字超出 换成省略号 */
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* display: inline-block; */
.inline{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* 禁止用户选中内容 */
.user-select-none {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all （移动端不需要） */
  -ms-user-select: none;      /* IE 10+ */
}

.header{
  width: 3.75rem;
  height: auto;
  font-size: 0.16rem;
  border-bottom: 5px solid #eeeeee;
  background-color: white;
  // 订单管理
  .orderManagement{
    width: 100%;
    height: 0.38rem;
    border-bottom: 1px solid #ccc;
    line-height: 0.38rem;
    vertical-align: middle;
    ul{
      padding: 0 0.08rem;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
    }
  }
  // 导航
  .orderNavigation{
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    vertical-align: middle;
    ul{
      display: flex;
      justify-content: space-around;
      li{
        width: 20%;
        text-align: center;
      }
    }
  }
}
.active{
  color: #ff5000;
  border-bottom: 1px solid #ff5000;
}
.section{
  width: 3.75rem;
  height: 100%;
  font-size: 0.16rem;
  .swiper-container{
    .swiper-wrapper{
      .allOrder{
        height: 100%;
        //   <!-- 订单 -->
        .orderSection{
          width: 100%;
          //height: auto;
          height: 100%;
          //display: block;
          li{
            width: 100%;
            //height: 0.675rem;
            border-bottom: 1px solid #cccccc;
            background-color: white;

            a{
              .shopName{
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding: 0 0.08rem;
                line-height: 0.34rem;
                border-bottom: 1px solid #cccccc;
                vertical-align: middle;
                font-size: 0.14rem;
                img{
                  width: 0.2rem;
                  height: 0.2rem;
                  margin-right: 0.08rem;
                }
              }
              .priceName{
                width: 100%;
                border-bottom: 1px solid #cccccc;
                //height: 0.215rem;
                div{
                  height: 0.515rem;
                  vertical-align: middle;
                  line-height: 0.515rem;
                  background-color: #cccccc;
                  display: flex;
                  justify-content: space-between;
                  padding: 0 0.08rem;
                  img{
                    width: 0.44rem;
                    height: 0.44rem;
                    vertical-align: middle;
                    margin: auto 0;
                  }
                  p{
                    vertical-align: middle;
                    line-height: inherit;
                  }
                }
                p{
                  padding-left: 0.1rem;
                  box-sizing: border-box;
                  letter-spacing: 0.03rem;
                  font-size: 14px;
                  line-height: 0.3rem;
                }
              }
            }
            .deleteBtn{
              width: 100%;
              height: 0.39rem;
              line-height: 0.39rem;
              text-align: right;
              //border: 1px solid;
              span,a{
                height: 0.3rem;
                display: inline-block;
                margin-top: 0.045rem;
                margin-right: 0.15rem;
                padding: 0 0.08rem;
                border: 1px solid #cccccc;
                line-height: 0.3rem;
                //vertical-align: ;
                //vertical-align: top;
              }
              a{
                border-color: #ff5000;
                color: #ff5000;
              }

            }
          }
        }
      }
      .obligation{
        height: 5.86rem;
        //background-color: #8c8c8c;
        // <!-- 代付款 -->
        div{
          width: 100%;
          height: auto;
          position: relative;
          top: 50%;
          margin-top: -1.04rem;
          text-align: center;
          img{
            width: 0.72rem;
            height: 0.72rem;
            border-radius: 0.5rem;
            background-color: #8c8c8c;
          }
          a{
            //width: auto;
            display: inline-block;
            padding: 0 0.1rem;
            border: 1px solid;
          }
        }
      }
      .toBeShipped{
          @extend .obligation;
      }
      .theReceipt{
        @extend .obligation;
      }
      .pendingEvaluation{
        //
        .orderSection{
          width: 100%;
          height: auto;
          //display: block;
          li{
            width: 100%;
            //height: 0.675rem;
            border-bottom: 1px solid #cccccc;
            a{
              .shopName{
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding: 0 0.08rem;
                line-height: 0.34rem;
                border-bottom: 1px solid #cccccc;
                vertical-align: middle;
                font-size: 0.14rem;
                img{
                  width: 0.2rem;
                  height: 0.2rem;
                margin-right: 0.08rem;
                }
              }
              .priceName{
                width: 100%;
                border-bottom: 1px solid #eee;
                //height: 0.215rem;
                div{
                  height: 0.515rem;
                  vertical-align: middle;
                  line-height: 0.515rem;
                  background-color: #cccccc;
                  display: flex;
                  justify-content: space-between;
                  padding: 0 0.08rem;
                  img{
                    width: 0.44rem;
                    height: 0.44rem;
                    vertical-align: middle;
                    margin: auto 0;
                  }
                  p{
                    vertical-align: middle;
                    line-height: inherit;
                  }
                }
                p{
                  padding-left: 0.1rem;
                  box-sizing: border-box;
                  letter-spacing: 0.03rem;
                  font-size: 14px;
                  line-height: 0.3rem;
                }
              }
            }
            .deleteBtn{
              width: 100%;
              height: 0.39rem;
              line-height: 0.39rem;
              text-align: right;
              //border: 1px solid;
              span,a{
                height: 0.3rem;
                display: inline-block;
                margin-top: 0.045rem;
                margin-right: 0.15rem;
                padding: 0 0.08rem;
                border: 1px solid #cccccc;
                line-height: 0.3rem;
                //vertical-align: ;
                //vertical-align: top;
              }
              a{
                border-color: #ff5000;
                color: #ff5000;
              }

            }
          }
        }

      }
    }
  }
}
.blackWrapper{
  width: 3.75rem;
  height: 6.67rem;
  display: none;
  background: rgba(0,0,0,0.3);
  font-size: 0.16rem;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
  div{
    width: 2.75rem;
    height: 1rem;
    position: absolute;
    background-color: #fff;
    //margin: auto auto;
    top: 50%;
    left: 50%;
    margin-left: -1.375rem;
    margin-top: -0.5rem;
    text-align: center;
    border-radius: 0.1rem;
    h5{
      line-height: 0.56rem;
      font-size: 0.16rem;
      border-bottom: 1px solid #cccccc;
    }
    p{
      display: flex;
      span{
        display: inline-block;
        width: 50%;
        line-height: 0.36rem;
        border-right: 1px solid #ccc;
        //height: ;

      }
    }
  }

}
.jy{
    color: #E24848;
}
.overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
left: 0;
top:0;
z-index: 8888;
display: none;
}

.confirm{
    opacity: 0;
    transform: scale(0);
    transition: .4s;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    margin-top: -2rem;
    margin-left: -1.25rem;
    width: 2rem;
    border-radius: 0.2rem;
    box-shadow: 0 5px 8px rgba(0,0,0,.4);
    font-size: 0.12rem;
    padding: 0.2rem 0.3rem;
    background-color: rgba(0,0,0,.8);
    color: white;
}
.confirm p{
    margin-bottom: 0.2rem;
}
.confirm button{
    background-color: #888;
    border: 1px solid #777;
/*  font: 700 1em/2em Arial,Helvetica;*/
    padding: 0 1.5em;
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,.8);
    box-shadow: 0 0 1px 1px rgba(126,126,126,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    border-radius: 0.4em;
}

.confirm .warnMsg{
    margin-top: 0.6rem;
}
.doBtn{
    margin-top: 0.4rem;
    height: 1.8rem;
    border-top: 1px solid #ddd;
}
.doBtn button{
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: 100%;
    font-weight: bold;
    font-size: 0.75rem;
    background-color: rgba(248,248,248,.95);
    color: #5F646C;
    border: 0;
    outline: none;
    /*line-height: 100%;*/
}
.doBtn .cancel{
    border-right: 1px solid #ddd;
}

.delete_success{
    display: none;
    position: fixed;
    z-index: 199;
    top: calc(50% - 2rem);
    left: 2.2rem;
    padding: 0.8rem;
    width: 10rem;
    text-align: center;
    font-size: 0.6rem;
    color: white;
    border-radius: 0.2rem;
    background-color: rgba(0,0,0,.7);
}